﻿<script type="text/javascript">
    function switchNavBar() {
        var text = $('#btnNavSwitch').val();
        if (text == 'Wide View') {
            $('#leftNav').hide();
            $('#btnNavSwitch').val('Normal View');
        } else {
            $('#leftNav').show();
            $('#btnNavSwitch').val('Wide View');
        }
    }
</script>    

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="">UI Expert</a>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li>
                        <a href="">UI Components</a>
                    </li>
                    <li>
                        <a href="">Struts</a>
                    </li>
                    <li>
                        <a href="">SSH</a>
                    </li>
                    <li>
                        <a href="">Ajax</a>
                    </li>
                </ul>
                <div id="navSwitch" class="pull-right">
                	<input id="btnNavSwitch" type="button" value="Wide View" onclick="switchNavBar()" />
              	</div>
            </div>
        </div>
    </div>
</div>



